<?php
/**
 * Created by IDEA.
 * User: dinesh
 * Date: Mar 25, 2012
 * Time: 4:58:05 PM
 */

?>

<link rel="stylesheet" type="text/css" href="css/dhtmlx/grid/skins/dhtmlxgrid_dhx_skyblue.css">
<link rel="STYLESHEET" type="text/css" href="css/dhtmlx/grid/dhtmlxgrid_pgn_bricks.css">
<link rel="STYLESHEET" type="text/css" href="css/dhtmlx/grid/dhtmlxgrid.css">
<link rel="STYLESHEET" type="text/css" href="css/dhtmlx/toolbar/skins/dhtmlxtoolbar_dhx_skyblue.css">
<link rel="stylesheet" type="text/css" href="css/dhtmlx/calendar/dhtmlxcalendar.css">
<link rel="stylesheet" type="text/css" href="css/dhtmlx/calendar/skins/dhtmlxcalendar_dhx_skyblue.css">
<link rel="stylesheet" type="text/css" href="css/table.css">

<script src="js/dhtmlx/grid/dhtmlxgrid.js"></script>
<script src="js/dhtmlx/grid/dhtmlxgridcell.js"></script>
<script src="js/dhtmlx/grid/ext/dhtmlxgrid_filter.js"></script>
<script src="js/dhtmlx/grid/ext/dhtmlxgrid_srnd.js"></script>
<script src="js/dhtmlx/grid/dhtmlxgrid_pgn.js"></script>
<script src="js/dhtmlx/toolbar/dhtmlxtoolbar.js"></script>
<script src="js/dhtmlx/calendar/dhtmlxcalendar.js"></script>
<!-- This goes in the document HEAD so IE7 and IE8 don't cry -->
<!--[if lt IE 9]>
    <style type="text/css">
        table.gradienttable th {
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d5e3e4', endColorstr='#b3c8cc',GradientType=0 );
            position: relative;
            z-index: -1;
        }
        table.gradienttable td {
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebecda', endColorstr='#ceceb7',GradientType=0 );
            position: relative;
            z-index: -1;
        }
    </style>
    <![endif]-->

<table width='100%' border='0' cellpadding='0' cellspacing='0'>

    <tr>
        <td>
            <div style="margin-top:10px">
                <fieldset>
                    <legend>Select Distribution Details</legend>
                    <!-- Search Div -->
                    <form id="frmSearch" action="#" onsubmit="return false;">

                        <table border="0" cellspacing="0px" cellpadding="2px" width="100%">
                            <tr>
                                <td width="100px"></td>
                                <td width="80px"></td>
                                <td width="100px" align="center"><b>From Date:</b></td>
                                <td width="100px" align="center"><b>To Date:</b></td>

                                <td rowspan="3" align="center">
                                    <button onClick="load()" style="width:100px" class="clsButtonSmall"
                                            id="submitButton">Load
                                    </button>

                                </td>


                            </tr>
                            <tr>
                                <td width="150px">Institute Name:</td>
                                <td width="80px"><select id="institute_id" name="institute_id" style="width:200px"
                                                         onchange="doChangeSection();">
                                    <option value="0">-- Select Institute --</option>
                                <?php echo $this->institute ?>  </select> <br/> <span id="instituteInfo"></span></td>
                                <td align="right" width="150px">Year :<select id="fyear" name="fyear"
                                                                              style="width:100px">
                                <?php echo $this->year ?> </select> <br/> <span id="fyearInfo"></span></td>
                                <td align="right" width="150px">Year :<select id="tyear" name="tyear"
                                                                              style="width:100px">
                                <?php echo $this->year ?> </select> <br/> <span id="tyearInfo"></span></td>


                            </tr>
                            <tr>
                                <td>Section/ Division :</td>
                                <td><select id="section_id" name="section_id" style="width:200px">
                                    <option value="-1">-- Select Section --</option>
                                </select> <br/> <span id="sectionInfo"></span></td>
                                <td width="200px" align="right">Month: <select id="fmonth" name="fmonth"
                                                                               style="width:100px">
                                <?php echo $this->month ?>  </select> <br/> <span id="fmonthInfo"></span></td>
                                <td width="200px" align="right"> Month: <select id="tmonth" name="tmonth"
                                                                                style="width:100px">
                                <?php echo $this->month ?>  </select> <br/> <span id="tmonthInfo"></span></td>


                            </tr>

                        </table>

                        <input type="hidden" id="totalRecords" name="page.totalRecords"/>
                        <input type="hidden" id="startPosition" name="page.startPosition"/>
                        <input type="hidden" id="pageSize" name="page.pageSize"/>

                    </form>
                </fieldset>
            </div>
        </td>
    </tr>

    <tr>
        <td>
            <fieldset>
                <legend>Distribution List</legend>
                <div style=" float:right;width:200px;padding-top:2px;padding-left:5px;margin-bottom:0px;margin-left:10px;">
                    Legend

                    <div style="float: none; height: 18px; width: 80px; border-width: 1px 1px 1px; border-style: solid solid solid;  background-color: #7cfc00;font-weight:bold;color:black;">
                        Valid Card
                    </div>
                    <div style="float: none; height: 18px; width: 80px; border-width: 1px 1px 1px; border-style: solid solid solid;  background-color: #ff00ff;font-weight:bold; color:black;">
                        Not Return
                    </div>
                    <div style="float: none; height: 18px; width: 80px; border-width: 1px 1px 1px; border-style: solid solid solid;  background-color:#FFFF00;font-weight:bold; color:black;">
                        Issued
                    </div>
                    <div style="float: none; height: 18px; width: 80px; border-width: 1px 1px 1px; border-style: solid solid solid;  background-color:#7878E6;font-weight:bold; color:black;">
                        Processing
                    </div>
                    <div style="float: none; height: 18px; width: 80px; border-width: 1px 1px 1px; border-style: solid solid solid;  background-color:#FF0000;font-weight:bold; color:black;">
                        Invalid Card
                    </div>
                </div>


                <div id="msgTest" style="width:750px;margin-top:10px;"></div>
                <form method="post" id="frmData" action="">
                    <div id="formBody"></div>
                </form>
            </fieldset>

            <!-- Data Controls Div -->
            <fieldset style="margin-top:10px;">
                <legend></legend>


                <table border="0" cellspacing="5px" cellpadding="0px" width="100%" style="margin-top:0px;">
                    <tr>
                        <td>
                            <button id="btnClose" onclick="closePage();" privilege="" class="clsButtonSmall">Close
                            </button>
                            <button id="btnEdit" onclick="edit();" privilege="USER.EDIT" class="clsButtonSmall">Edit
                            </button>
                            <button id="btnDelete" onclick="del();" privilege="EMP.DELETE" class="clsButtonSmall">Delete
                            </button>

                            <button id="btnClear" onclick="clearBt();" privilege="" class="clsButtonSmall">Clear
                            </button>
                        </td>
                        <td width="*" align="right">
                            <button id="btnCancel" onclick="closePage();" privilege="" class="clsButtonSmall">Cancel
                            </button>
                            <button id="btnPrint" onclick="print();" class="clsButtonSmall">Print</button>
                            <button id="btnSave" onclick="save();" class="clsButtonSmall">Save</button>
                        </td>
                    </tr>
                </table>
            </fieldset>

        </td>
    </tr>
</table>


<script src="js/dis/manage.js"></script>
<div id='messagePanel'></div>